<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>slick animated menu</title>

	<link rel="stylesheet" href="../css/main.css" type="text/css" />

	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/jquery-bp.js"></script>
	<script type="text/javascript" src="../js/navigation.js"></script>
</h:head>
<h:body>
	<div id="header">
		<img src="../img/Logo-MaxDental-Plovdiv-small.png" />
		<h:outputText value="#{card.iNumber}"/>
	</div>
	<div id="navigation" class="container">
		<div id="home" class="pri-nav active">
			<div>
				<a href="home">home</a>
			</div>
		</div>
		<div id="about" class="pri-nav">
			<div>
				<a href="about">about</a>
			</div>
		</div>
		<div id="services" class="pri-nav">
			<div>
				<a href="services">services</a>
			</div>
		</div>
		<div id="solutions" class="pri-nav">
			<div>
				<a href="solutions">solutions</a>
			</div>
		</div>
		<div id="contact" class="pri-nav">
			<div>
				<a href="contact">contact</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="content">
			<div id="content-title">
				<div id="leftNavi">
					<ui:insert name="login"></ui:insert>
				</div>
				<div id="list">
					<ui:insert name="products">Default Product</ui:insert>
					<ui:insert name="register"/>
				</div>
					
			</div>
			<!-- the rest of the content-->
		</div>
	</div>
</h:body>
</html>


